$def with (content)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>环境数据在线分析系统</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
<style type="text/css">
      body {
        padding-top: 40px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }

      @media (max-width: 980px) {
        /* Enable use of floated navbar text */
        .navbar-text.pull-right {
          float: none;
          padding-left: 5px;
          padding-right: 5px;
        }
      }
    </style>
    <link rel="stylesheet" type="text/css" href="$config.static/lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="$config.static/lib/bootstrap/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" type="text/css" href="$config.static/lib/bootstrap/css/bootstrap-datetimepicker.min.css">

    <link rel="stylesheet" type="text/css" href="$config.static/stylesheets/layout.css">
    <link rel="stylesheet" type="text/css" href="$config.static/stylesheets/theme.css">
    <link rel="stylesheet" href="$config.static/lib/font-awesome/css/font-awesome.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script src="$config.static/js/jquery-1.8.1.min.js" type="text/javascript"></script>
    <script src="$config.static/js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="$config.static/js/echarts.min.js"></script>
    <script src="$config.static/lib/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="$config.static/lib/bootstrap/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="$config.static/lib/bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>


    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="../assets/ico/favicon.ico">

</head>

<!--[if lt IE 7 ]>
<body class="ie ie6"> <![endif]-->
<!--[if IE 7 ]>
<body class="ie ie7"> <![endif]-->
<!--[if IE 8 ]>
<body class="ie ie8"> <![endif]-->
<!--[if IE 9 ]>
<body class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<body>
<!--<![endif]-->
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="#"><span class="first"></span> <span class="second">环境数据在线分析系统</span></a>

            <div class="nav-collapse collapse">

                <ul class="nav pull-right">
              <li class="dropdown ">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">$context.username<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/system/change_password">修改密码</a></li>
                        <li><a href="/logout">注销</a></li>
                    </ul>
                </li>
            </ul>
                <ul class="nav">
                    <li class=""><a href="/">首页</a></li>
                    <li class="dropdown ">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">数据管理 <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            $if context.is_admin:
                                <li><a href="/stations">监测站管理</a></li>
                            <li><a href="/raw_data">监测站原始数据</a></li>
                            <li><a href="/hour_data">时段均值数据</a></li>
                            <li><a href="/hour_data/month_group/">每时段月均值数据</a></li>
                            <li><a href="/day_data">每日均值数据</a></li>
                            <li><a href="/month_data">每月均值数据</a></li>
                        </ul>
                    </li>
                    <li class="dropdown ">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">数据分析<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="/type_charts/selected_hour_chart">各指标指定时段日期曲线</a></li>
                            <li><a href="/type_charts/date_range_chart">各指标长期连续曲线</a></li>
                            <li><a href="/hour_charts/hour_group_day_chart">每时段日均值曲线</a></li>
                            <li><a href="/hour_charts/hour_group_month_chart">每时段月均值曲线</a></li>
                            <li><a href="/charts/day_chart">日均值曲线</a></li>
                            <li><a href="/charts/month_chart">月均值曲线</a></li>
                        </ul>
                    </li>
                    <li class="dropdown ">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">系统管理<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            $if context.is_admin:
                                <li><a href="/users">用户管理</a></li>
                            <li><a href="/alarms">参数设置</a></li>

                        </ul>
                    </li>
                    <li><a href="#about"></a></li>

                </ul>


            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row-fluid">
        $:content
    </div>
</div>


<footer>
    <hr>
    <p class="text-center">&copy; 2019 联系方式<a href="mailto:35836208@qq.com"> Email:35836208@qq.com</a> QQ号码:35836208</p>
</footer>


<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

</body>
</html>






